<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="../../node_modules/jquery-colorbox/example1/colorbox.css" />
    <link rel="stylesheet" href="../../node_modules/swipebox/src/css/swipebox.min.css" />
    <link rel="stylesheet" href="../../dist/css/justifiedGallery.css" />
</head>

<body>
    <h1>Layout test</h1>
    <div id="simpletest" style="background-color: red;">
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
        <a href="../photos/8083451788_552becfbc7_b.jpg">
            <img src="../photos/8083451788_552becfbc7_m.jpg" />
        </a>
    </div>
    
    <script src="../../node_modules/jquery/dist/jquery.js"></script>
    <script src="../../node_modules/jquery-colorbox/jquery.colorbox.js"></script>
    <script src="../../node_modules/swipebox/src/js/jquery.swipebox.min.js"></script>
    <script src="../../dist/js/jquery.justifiedGallery.js"></script>
    <script>
    $("#simpletest").justifiedGallery();
    </script>
</body>

</html>
